<div [class]="getClass()">
<mat-card>
  <mat-card-header>
    <div mat-card-avatar class="header-image"></div>
    <mat-card-title>{{getTitle()}}</mat-card-title>
  </mat-card-header>
  <mat-card-actions>
    <div class="button-row">
      <button class="bed-number" *ngIf="!isBed()" mat-raised-button matBadge="{{total}}" matBadgePosition="after" matBadgeColor="primary">{{"totalBed" | translate}}</button>

      <span class="header-spacer"></span>

      <button mat-icon-button *ngIf="!isBed()" (click)="view()" matTooltip="{{'view' | translate}}">
        <mat-icon svgIcon="view" style="color: green;"></mat-icon>
      </button>
      <button mat-icon-button (click)="modify()" matTooltip="{{'modify' | translate}}" *ngIf="isUserQualified()">
        <mat-icon svgIcon="edit" style="color: darkblue;"></mat-icon>
      </button>
      <button mat-icon-button (click)="remove()" matTooltip="{{'remove' | translate}}" *ngIf="isUserQualified()">
        <mat-icon svgIcon="delete" style="color: darkred;"></mat-icon>
      </button>
    </div>
  </mat-card-actions>
</mat-card>
</div>